$(function () {

  // 请求主页的接口
  $.ajax({
    url: "https://api.ymduo.com/Home/IndexSep/indexPC",
    type: "post",
    data: {},
    success: function (res) {
      console.log(res)
      var banner = res.result.data.banner;//轮播图数据
      // 生成轮播图
      var bannerStr = ""
      $.each(banner, function (index, ele) {
        bannerStr += `<div>
            <a href="${ele.url}">
              <img src="${ele.image}" alt="">
            </a>
          </div>`
      })
      $(".slide_wrap").html(bannerStr)

      var navData = res.result.data.configure;//导航数据
      // 生成导航
      $.each(navData, function (index, ele) {
        $(".index_nav ul").append("<li>" + ele.names + "</li>")
      })
    }
  })

  // 请求1级分类数据
  $.ajax({
    url: "https://api.ymduo.com/category/categoryList",
    type: "post",
    data: {
      category_id: 0
    },
    success: function (res) {
      console.log(res)
      var categoryData = res.result.data;
      var str = '';
      $.each(categoryData, function (index, ele) {
        str += `<li cid="${ele.category_id}">${ele.category_cn}</li>`
      })
      $(".category ul").html(str)
    }
  })
  // 效果
  $(".category").mouseenter(function () {
    $(".category .sec_ul").show();
  }).mouseleave(function () {
    $(".category .sec_ul").hide();
  })
  // 给每个一级菜单绑定鼠标移入事件
  $(".category ul").on("mouseover", "li", function () {
    // 获取一级分类的id 
    var cid = $(this).attr("cid");
    $.ajax({
      url: "https://api.ymduo.com/category/categoryList",
      type: "post",
      data: {
        category_id: cid
      },
      success: function (res) {
        console.log(res)
        var secList = res.result.data;//二级分类数据
        var str = "";
        $.each(secList, function (index, ele) {
          str += `<p>${ele.category_cn}</p>`
        })
        $(".category .sec_ul").html(str)
      }
    })
  })

    // 轮播图函数
    ; (function () {
      var num = 0; //公共下标
      var timer = null;
      // 自动轮播
      function move () {
        num++;
        if (num > $(".slide_wrap>div").length - 1) {
          num = 0;
        }
        change()
      }
      timer = setInterval(move, 2000)//俩秒
      // 鼠标移入移出
      $("#banner").mouseenter(function () {
        clearInterval(timer)
      }).mouseleave(function () {
        timer = setInterval(move, 2000)//俩秒
      })
      // 圆点点击
      $(".banner_nav li").click(function () {
        num = $(this).index();
        change()
      })
      // 改变方法
      function change () {
        // 小圆点 改变
        $(".banner_nav li").eq(num).addClass("active").siblings().removeClass("active")
        // div 改变
        $(".slide_wrap>div").eq(num).fadeIn(300).siblings().fadeOut(300)
      }
    })()
  // 热门推荐部分
  function loadHotList (page) {
    $.ajax({
      url: "https://api.ymduo.com/Interface/recommendlists",
      type: "post",
      data: {
        p: 1
      },
      success: function (res) {
        console.log(res)
        var hotList = res.result.data;//热门推荐数据
        var str = '';
        $.each(hotList, function (index, ele) {
          str += `<div class="hot_one" pid="${ele.goods_id}">
          <img src="${ele.image}" alt="">
          <p>${ele.goods_name}</p>
          <div class="price">
            <span>￥${ele.price}</span>
            <span>销量：${ele.pay_num}</span>
            <button>找相似</button>
          </div>
        </div>`
        })
        $(".hot_list").html(str)
      }
    })
  }
  loadHotList();

  // 每个商品点击  跳转详情页
  $(".hot_list").on("click", ".hot_one", function () {
    var pid = $(this).attr("pid")//获取绑定的商品id

    location.href = "http://127.0.0.1:3000/info.html?goods_id=" + pid;

  })
  // 点击搜索跳转列表页
  $("#searchBtn").click(function () {
    location.href = "http://127.0.0.1:3000/searchlist.html?keywords=" + $("#searchText").val()
  })
  // 获取购物车数量

  $(".userinfo p").html("购物车：" + getCartNum() + "种商品")
})
